<style lang="less">
@import "../../styles/common.less";
@import "./components/table.less";
</style>

<template>
    <div>
        <Row :gutter="10">
            <Col span="8">
                <Card>
                    <p slot="title">
                        <Icon type="pinpoint"></Icon>
                        一个条件搜索
                    </p>
                   
                    <Row class="margin-top-10 searchable-table-con1">
                        <Table :columns="columns1" :data="data1"></Table>
                    </Row>
                </Card>
            </Col>
        </Row>
    </div>
</template>

<script>
export default {
  name: "searchable-table",
  data() {
    return {
      columns1: [
        {
          key: "name",
          title: "姓名"
        },
        {
          key: "tel",
          title: "电话号码"
        }
      ],
      data1: []
    };
  },
  methods: {
    init() {
      this.data1 = searchTable111;
    }
  },
  mounted() {
    this.init();
  }
};
const searchTable111 = [
  {
    name: "Aresn",
    tel: "17712345678",
    fl: "123123"
  },
  {
    name: "Lison",
    tel: "17787654321",
    fl: "123123"
  },
  {
    name: "Lili",
    tel: "12212345678",
    fl: "123123"
  },
  {
    name: "Lucy",
    tel: "13312345678",
    fl: "123123"
  }
];
</script>
